<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Serrano 1.0</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />

	<link type="text/css" href="css/custom-theme/jquery-ui-1.8.16.custom.css" rel="Stylesheet" />
   <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
   <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
   	<script type="text/javascript" src="js/jquery.ui.datepicker-es.js"></script>
	<script type="text/javascript">
		function lookup(inputString) {
			if(inputString.length == 0) {
				// Hide the suggestion box.
				$('#suggestions').hide();
			} else {
				$.post("rpc.php", {queryString: ""+inputString+""}, function(data){
					if(data.length >0) {
						$('#suggestions').show();
						$('#autoSuggestionsList').html(data);
					}
				});
			}
		} // lookup

		function fill(thisValue) {
			$('#inputString').val(thisValue);
			setTimeout("$('#suggestions').hide();", 200);
		}
	</script>
</head>

<body>
	<div class="wrap" id="wrap">
    <div class="header" id="header">
			<h2>Serrano 1.0 - Consultas</h2>
			<h3>Sistema transitorio de consultas breves e informes</h3>
			<div>
				<form method="GET" action="personalBuscado.php" class="busqueda" >
					<div>
						Personal buscado:
						<br/>
						<input type="text" size="30" value="" id="inputString" name="DNI" onkeyup="lookup(this.value);" onblur="fill();" />
						<input type="submit" value="buscar" >
					</div>

					<div class="suggestionsBox" id="suggestions" style="display: none;">
						<img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
						<div class="suggestionList" id="autoSuggestionsList">
							&nbsp;
						</div>
					</div>
				</form>
			</div>
		</div>
    <div class="sidebar" id="sidebar">
      <ul>
      	<il><a href="informePorEdad.php" >Informe por edad</a></il>
      	<il><a href="informePorSexoyJerarquia.php" >Informe por sexo y jerarquia</a></il>
      	<il><a href="informePorDestino.php" >Informe por Destino</a></il>
	    </ul>
    </div>
    <div class="content" id="content">

    </div>
    <div class="nav" id="nav">
	    <ul>
	    	<li><a href="index.php" class="active">Inicio</a></li>
	    	<li><a href="#"  >Consultas</a></li>
	    	<li><a href="#" >Informes</a></li>
	    </ul>
  	</div>
    <div class="resultados"  id="resultados">
<?php
 	$metro = mysqli_connect ('localhost', 'root', '', 'escalafon');

	$resultado = mysqli_query($metro, "SELECT Direccion, 
													COUNT(Direccion) as 'Cantidades' 
													FROM GENERAL 
													Group by Direccion
													Order by Direccion;");
?>

<table>
	<tr>
		<th> Direccion </th>
		<th> Cantidad </th>
	</tr>
		
<?php

	while ($fila = mysqli_fetch_row($resultado)){
		printf('<tr>');
		printf(
			"<td>%s</td><td>%u</td>",
			$fila[0], $fila[1]
			);		
		printf('</tr>');
	}
		printf('</table>');

	mysqli_close($metro);
?>
    </div>


  	<div class="footer" id="footer">
  		<?php echo date	?>
  		<p>Copyright &copy; 2011, LoserPals, all rights reserved.</br>
    	Puede tener fecha y hora tipo widget. y tal vez nombre de usuario</br></p>
    	        
    </div>
  </div>

    </div>
</body>
</html>
